<message-box>
  <slot></slot>

  <script>
    export default {
      name: 'message-box',
      version: '0.0.1',
      onMounted() {
        console.log('message-box onMounted');
      }
    }
  </script>
  <style>
    message-box {
      flex: 1;
      overflow-y: auto;
      padding: 10px;
    }

    message-box::-webkit-scrollbar {
      width: 6px;
    }

    message-box::-webkit-scrollbar-track {
      background: #ddd;
    }

    message-box::-webkit-scrollbar-thumb {
      background: #bdbdbd;
    }
  </style>
</message-box>